<script>
    $(document).ready(function(){
       var href = window.location.href;
       if(href.indexOf('residentes/residente') > -1){
           $('#lnkNuevoResidente').addClass('active');
           $('#lnkGroupResidente').addClass('collapse in');
       }else if(href.indexOf('residentes/listaresidentes') > -1){
           $('#lnkListaResidente').addClass('active');
           $('#lnkGroupResidente').addClass('collapse in');
       }else if(href.indexOf('viviendas/vivienda') > -1){
           $('#lnkNuevaVivienda').addClass('active');
           $('#lnkGroupVivienda').addClass('collapse in');
       }else if(href.indexOf('viviendas/listaviviendas') > -1){
           $('#lnkListaVivienda').addClass('active');
           $('#lnkGroupVivienda').addClass('collapse in');
       }else if(href.indexOf('condominios/condominio') > -1){
           $('#lnkNuevoCondominio').addClass('active');
           $('#lnkGroupCondominio').addClass('collapse in');
       }else if(href.indexOf('condominios/listacondominios') > -1){
           $('#lnkListaCondominio').addClass('active');
           $('#lnkGroupCondominio').addClass('collapse in');
       }
    });
</script>

<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">Sistema de condominios</a>
    </div>

    <ul class="nav navbar-top-links navbar-right">
        <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                <i class="fa fa-user fa-fw"></i>  <i class="fa fa-caret-down"></i>
            </a>
            <ul class="dropdown-menu dropdown-user">
                <li><a href="#"><i class="fa fa-user fa-fw"></i>Perfil</a>
                </li>
                <li><a href="#"><i class="fa fa-gear fa-fw"></i>Configuraci&oacute;n</a>
                </li>
                <li class="divider"></li>
                <li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> Salir</a>
                </li>
            </ul>
        </li>
    </ul>

    <div class="navbar-default sidebar" role="navigation">
        <div class="sidebar-nav navbar-collapse">
            <ul class="nav" id="side-menu">
                <li class="sidebar-search">
                    <div class="input-group custom-search-form">
                        <input type="text" class="form-control" placeholder="Search...">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/Inicio"><i class="fa fa-home fa-fw"></i> Inicio</a>
                </li>
                <li>
                    <a href="tables.html"><i class="fa fa-building-o fa-fw"></i> Condominios<span class="fa arrow"></span></a>
                    <ul id="lnkGroupCondominio" class="nav nav-second-level">
                        <li>
                            <a id="lnkNuevoCondominio" class="linkopcion" href="${pageContext.request.contextPath}/Condominio?action=add">Nuevo</a>
                        </li>
                        <li>
                            <a id="lnkListaCondominio" class="linkopcion" href="${pageContext.request.contextPath}/ListaCondominio">Lista de condominios</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#"><i class="fa fa-users fa-fw"></i> Residentes<span class="fa arrow"></span></a>
                    <ul id="lnkGroupResidente" class="nav nav-second-level">
                        <li>
                            <a id="lnkNuevoResidente" class="linkopcion" href="${pageContext.request.contextPath}/Residente?action=add">Nuevo</a>
                        </li>
                        <li>
                            <a id="lnkListaResidente" class="linkopcion" href="${pageContext.request.contextPath}/ListaResidente">Lista de residentes</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="tables.html"><i class="fa fa-building-o fa-fw"></i> Viviendas<span class="fa arrow"></span></a>
                    <ul id="lnkGroupVivienda" class="nav nav-second-level">
                        <li>
                            <a id="lnkNuevaVivienda" class="linkopcion" href="${pageContext.request.contextPath}/Vivienda">Nueva</a>
                        </li>
                        <li>
                            <a id="lnkListaVivienda" class="linkopcion" href="${pageContext.request.contextPath}/ListaVivienda">Lista de viviendas</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="tables.html"><i class="fa fa-calculator fa-fw"></i> Cuotas<span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a class="linkopcion" href="residentes/nuevoresidente.jsp">Colocaci&oacute;n</a>
                        </li>
                        <li>
                            <a class="linkopcion" href="residentes/listaresidentes.jsp">Lista de morosos</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="forms.html"><i class="fa fa-calendar fa-fw"></i> Visitas</a>
                </li>
                <li>
                    <a href="tables.html"><i class="fa fa-slideshare fa-fw"></i> Juntas<span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a class="linkopcion" href="residentes/nuevoresidente.jsp">Nueva</a>
                        </li>
                        <li>
                            <a class="linkopcion" href="residentes/listaresidentes.jsp">Lista de juntas</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>